Développement d'un contrôle HTML5
Les contrôles HTML5 peuvent être affichés uniquement sur les visualisations Web (CODESYS WebVisu).
Si une visualisation avec un contrôle HTML5 doit s'exécuter sur un CODESYS TargetVisu par exemple, un avertissement est émis. Les champs HTML5 n'y sont pas affichés.
L'utilisation d'un contrôle HTML5 nécessite que la fonctionnalité de superposition soit activée.
Par conséquent, dans le gestionnaire de visualisation, sélectionnez le Prise en charge des animations client et de la superposition d'éléments natifs option. Sinon, une erreur est émise.
Pour plus d'informations, consultez : Gestionnaire de visualisation
Astuce
Prenez note de la rubrique « Sécurité » lors du développement et de l'utilisation d'un contrôle HTML5. Pour plus d'informations, voir :
Exemple : HTML5-API
Contrôle de démonstration en tant que modèle
Téléchargez l'exemple d'API HTML5 sur votre ordinateur. Ensuite, les commandes de démonstration avec des wrappers d'éléments JavaScript sont à votre disposition.
We recommend using the copy of an ElementWrapper.js from the HTML5 examples as a template and adapting the name and functionality to your HTML5 control.
Pour plus d'informations, voir Exemple : HTML5-API
Sur la page d'exemple, vous trouverez des informations détaillées sur les contrôles HTML5 et vous pouvez y télécharger l'exemple de projet. Le contenu du fichier JavaScript ElementWrapper.js est particulièrement utile.